(function() {
$(document).ready(function() { 
	
		//Calcul de la hauteur de ul
		var nbligne = Math.ceil(($('#nbarticle').text())/6);
		var hauteur = $('.listeproduits li').outerHeight()*nbligne;
		$('.listeproduits ul').height(hauteur);
		$('#recherche').show();
		
		if($('.listeproduits ul').children().length < 6)
		{
			$('.listeproduits ul').width(($('.listeproduits ul').children().length*$('.listeproduits li').outerWidth()+1)+"px");
		}
	
		$('.photoarticle').each(function()
		{		
			$(this).live('click',function()
			{
					//On note que c'est cette li qui est selectionne
					$('.selected').removeClass('selected');
					$(this).addClass('selected');
					
					//On place le block detail article
					var top = $(this).position().top;
					var left = $(this).position().left;
					if($('.listeproduits ul').children().eq(3).length>0)
					{
						if(left > $('.listeproduits ul').children().eq(3).position().left)
						{
							left = $('.listeproduits ul').children().eq(3).position().left;
						}
						if(nbligne < 6)
						{
							top = $('.listeproduits ul').children().eq(0).position().top;
						}
					}
					else
					{
						top = $('.listeproduits ul').children().eq(0).position().top;
					}
					//TODO cas ou + de 6 lignes
					$('#detailarticle').animate({
					    left: left,
					    top: top
					  }, 500, function() {
					    // Animation complete.
					  });
					
				 	var idarticle= $(this).find('.idarticle').text(); 
				 	var li = $(this);
				 	$.ajax({
						type: "POST",
						url: BASE_URL+"index/article",
						data:{articleid:idarticle}, //On sérialize les datas du form
						beforeSend: function () {
							$('#detailarticle').html($('.imagload').clone());
							$('#detailarticle').show();
						},
						success: function(data, textStatus, jqXHR) {
							$('#detailarticle').html(data);
							
							$('.notation').mynotation({
								   backingvalue:$('#note'),
								   size:'24px',
								   color:'#777777',
								   nbstars:5
//								   readonly:true,
//								   note:2.5
							});
								   
							//Si c'est le 1er element
							if(li.prev().length <= 0)
							$('#articleprev').hide();
							
							//Si c'est le dernier element
							if(li.next().length <= 0)
							$('#articlenext').hide();
							
							$('#detailarticle').show();
							
							$('.couleur ul').find('li').eq(0).addClass('couleurselected');
						     var idcouleur= $('.couleur ul').find('li').eq(0).find('span').text();
							$('#idcouleur').val(idcouleur);
							
							$('.couleur ul li').each(function()
							{
								$(this).live('click',function(e)
								{
									e.preventDefault();
									$('.couleur ul .couleurselected').removeClass('couleurselected');
							        $(this).addClass('couleurselected');
							        
							        var idcouleur= $(this).find('span').text();
									$('#idcouleur').val(idcouleur);
									
							        $.ajax({
										type: "POST",
										url: BASE_URL+"index/getphoto",
										data: {idarticle:idarticle,
											  idcouleur:idcouleur
										},
										beforeSend: function () {
											$('#photoarticle').hide();
											$('#loadphoto').show();
										},
										success: function(data, textStatus, jqXHR) {
											var img = "<img id='imagearticle' src='"+BASE_URL+data.photo+"'/>";
											$("#photoarticle").html(img);
											$('#imagearticle').load(function()
											{
												$('#loadphoto').hide();
												$('#photoarticle').show();		
											});
										}
									});
							        
								});
							});
						}
				});
			});	
		});
		
		$('#articleprev').live('click',function(e)
		{
			e.preventDefault();
			$('.selected').prev().click();
		});
		
		$('#articlenext').live('click',function(e)
		{
			e.preventDefault();
			$('.selected').next().click();		
		});
		
		$('#close').live('click',function()
		{
			$('#detailarticle').hide();
		});
}); })( jQuery );